Steps for Deploying a Static HTML Site with Docker and Nginx

Make sure that you have your HTML files already in the current directory.

Place the following contents into the Dockerfile

FROM nginx:alpine COPY . /usr/share/nginx/html

These lines of code represent the image we're going to use along with copying the contents of the current directory into the container.

Run the following command:

docker build -t html-server-image:v1 .

You can confirm that this has worked by running the command:

docker images

And it should show you output something like this:

Run the following command to run the HTML container server:

docker run -d -p 80:80 html-server-image:v1

Run the following command to ensure the server is running:

curl localhost:80

You can also view it in the browser now by going to localhost:80 and you should see your HTML file, as shown below: